
.content{
    margin-top: 15px;
}

/*左侧分类导航*/
.content .left{
    background: white;
    padding: 5px 0;
}

.content .left .nav  a {
    width: 100%;
    height: 100%;
    display: block;
    font-size: 14px;
    color: #707070;
    margin-bottom: 1px;
    text-align: center;
}

.content .left .nav  a:hover {
    background: red;
    color:#fff;
}

.content .left .nav  li.active {
    background: red;
}
.content .left .nav  li.active > a {
    color:white;
}


/* 中间内容区*/
.content .center{
    padding: 0 15px;
}

/* 顶部广告*/
.content .center .advertising{
    margin-bottom: 10px;
    height: 90px;
}
.content .center .advertising > img{
    width: 100%;
    height: 100%;
}

/*轮播*/
.content .center .carousel{
    width: 100%;
    height: 206px;
    margin-bottom: 10px;
}

/*博客列表*/
.content .center .blogs {
    width: 100%;
}

.content .center .blog-box{
    padding: 18px 24px;
    background: #fff;
    border-bottom: 1px solid #f4f4f4;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.04)
}

.content .center .blogs h2 {
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    height: 24px;
    margin-bottom: 4px;
}
.content .center .blog-box > h2 > a {
    font-size: 18px;
    color: #3d3d3d;
}

.content .center .blog-box .summary{
    margin-bottom: 4px;
    font-size: 13px;
    color: #8a8a8a;
    line-height: 24px;
}

.content .center .blog-box .user-bar {
    display:flex;
    align-items: center;
    justify-content: space-between;
}

.content .center .blog-box .user-bar .time{
    font-size: 13px;
    color: #8a8a8a;
}

.content .center .blog-box .user-bar .tag{
    font-size: 13px;
    color: #3399ea;
}
.content .center .blog-box .user-bar .avator{
    color:#3d3d3d;
    font-size: 13px;
}

.content .center .blog-box .user-bar .avator:hover{
    color:#157dcf;
}
.content .center .blog-box .user-bar .avator > img{
    width: 24px;
    height: 24px;
    border-radius: 50%;
}

.content .center .blog-box .user-bar .interactive{
    font-size: 13px;
    color: #8a8a8a;
}
.content .center .blog-box .user-bar .interactive .num{
    color: #3399ea;
}

/*博客列表结束*/

.content .right {

}
/*右侧广告*/
.content .right .advertising {
    margin-bottom: 10px;
    height: 90px;
}

.content .right .advertising > img {
    width: 100%;
    height: 100%;
}

.right .persion-article > h3 {
    font-size: 16px;
    color: #2c3033;
}

.right .persion-article .contact-box {
    display: flex;
}

.right .persion-article .contact-box .img-box {
    border:1px solid #ddd;
}

.right .persion-article .contact-box .img-box > img{
    width: 108px;
    height: 108px;
}

.right .persion-article .contact-box .contact-info {
    padding:5px;
}

.right .persion-article .contact-box .contact-info >h4 {
    margin-bottom: 12px;
    font-size: 12px;
    color: #4f4f4f;
}
.right .persion-article .contact-box .contact-info > p{
    font-size: 13px;
    color: #999;
}

.right .persion-article .feed_copyright{
    margin-top: 15px;
}
.right .persion-article .feed_copyright > p{
    font-size: 15px;
    color: #4d4d4d;
}
.right .persion-article .feed_copyright > .copyright{
    font-size: 12px;
    color: #999;
}

